<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Yo Documentation 元件</title>
    <link rel="stylesheet" href="source/app.css"/>
    <link rel="stylesheet" href="source/highlight.min.css">
    <style>
    #readme {
      margin-top: .2rem;
    }

    #readme .markdown-body h1:nth-of-type(1) {
      display: none;
    }

    #index .docs-nav .navbar-brand.index {
      color: #555;
    }

    #index .docs-header {
      padding: 1.2rem 0;
      text-align: center;
    }

    #index .docs-header .container > h1 {
      margin-bottom: 20px;
      font-size: .8rem;
    }

    #index .docs-header .container > p {
      width: auto;
      margin-right: 0;
    }

    #index .docs-header .container > a {
      display: inline-block;
      margin-top: .2rem;
      padding: 0.1rem 0.4rem;
      border: 1px solid;
      border-radius: 0.05rem;
      -webkit-background-clip: padding-box !important;
      -moz-background-clip: padding-box !important;
      -ms-background-clip: padding-box !important;
      background-clip: padding-box !important;
      color: #9dd8fc;
      font-size: .2rem;
      font-weight: bold;
    }

    #index .docs-header .container > .version {
      display: block;
      margin-top: .15rem;
      color: #89CDD6;
      font-size: .16rem;
    }

    #index .docs-header .container > a:hover {
      text-decoration: none;
      border-color: #9dd8fc;
      background-color: rgba(157, 216, 252, 0.6);
      color: #fff;
    }

    @media (min-width: 1200px) {
      #index .docs-header .container > p {
        padding: 0 1rem;
        font-size: .28rem;
      }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
      #index .docs-header .container > p {
        padding: 0 0.6rem;
        font-size: .25rem;
      }
    }

    @media (min-width: 768px) and (max-width: 991px) {
      #index .docs-header .container > p {
        padding: 0 0.3rem;
        font-size: .21rem;
      }
    }

    @media (max-width: 767px) {
      #index .docs-header .container > p {
        padding: 0 0.2rem;
        font-size: .2rem;
      }
    }

    #index .markdown-body {
      text-align: center;
    }

    #index .markdown-body > h2 {
      margin-top: .8rem !important;
      border: none;
      font-size: .35rem;
    }

    #index .markdown-body > p {
      width: 80%;
      margin: auto;
      color: #666;
      font-size: .24rem;
    }

    @media (max-width: 767px) {
      #index .markdown-body > h2 {
        font-size: .28rem;
      }
      #index .markdown-body > p {
        font-size: .18rem;
      }
    }

    #index .markdown-body ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -moz-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0;
      list-style: none;
    }

    #index .markdown-body ul > li {
      overflow: hidden;
      width: 200px;
      height: 200px;
      margin: 20px 10px 0;
      border: 1px solid #eee;
      border-radius: 0.05rem;
      -webkit-background-clip: padding-box !important;
      -moz-background-clip: padding-box !important;
      -ms-background-clip: padding-box !important;
      background-clip: padding-box !important;
    }

    #index .markdown-body ul > li:hover > p:not(:only-child):first-child {
      margin-top: -198px;
    }

    #index .markdown-body ul p {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -moz-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -moz-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 100%;
      -webkit-transition: margin-top 0.3s ease-in;
      -moz-transition: margin-top 0.3s ease-in;
      -ms-transition: margin-top 0.3s ease-in;
      transition: margin-top 0.3s ease-in;
      margin: 0;
    }

    #index .markdown-body ul p:not(:only-child):last-child {
      padding: .15rem;
      background-color: #eee;
    }

    #index .markdown-body ul img {
      max-width: 100%;
      max-height: 100%;
    }
    </style>
</head>
<body id="element">
<a id="skippy" class="sr-only sr-only-focusable" href="#content"><div class="container"><span class="skiplink-text">Skip to main content</span></div></a>


<!-- Docs master nav -->
<header class="navbar navbar-static-top docs-nav" id="top" role="banner">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="./index.html" class="navbar-brand">Yo</a>
        </div>
        <nav id="bs-navbar" class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-left">
                
                
                
                
                
                <li class="">
                    <a href="getting-started.html">起步</a>
                </li>
                
                
                
                
                
                <li class="">
                    <a href="core.html">核心</a>
                </li>
                
                
                
                
                
                <li class="active">
                    <a href="element.html">元件</a>
                </li>
                
                
                
                
                
                <li class="">
                    <a href="animate.html">动画</a>
                </li>
                
                
                
                
                
                <li class="">
                    <a href="changelog.html">版本</a>
                </li>
                
                
                
                
                
                <li>
                    <a href="http://doyoe.github.io/Yo/demo/" target="_blank">示例</a>
                </li>
                
                
                
                
                
                <li>
                    <a href="https://github.com/doyoe/Yo" target="_blank">Github</a>
                </li>
                
                
                
            </ul>
        </nav>
    </div>
</header>

<!-- Docs page layout -->

<div class="docs-header" id="content">
    <div class="container">
        <h1>元件</h1>
        <p>详细介绍 Yo 的元件</p>
        <a href="https://github.com/doyoe/Yo/tree/"></a>
        
    </div>
</div>



<div class="container docs-container">
    
    
    <div class="row">
        <div class="col-md-9 markdown-body" role="main">
            
            <div class="docs-section">
    
    <h1 id="element" class="page-header">element</h1>
    
    <blockquote class="api">
        <h3 id="yo-badge">
            yo-badge
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造提醒气泡的自定义使用方法，可以扩展为：tag,文字ico等形态
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/element/yo-badge.scss.html#19" target="_blank">./lib/element/yo-badge.scss:19</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/element/yo-badge.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$padding</td>
                <td>Length</td>
                <td>内补白 </td>
                <td>1.4.0</td>
            </tr>
            
            <tr>
                <td>$border-width</td>
                <td>Length</td>
                <td>边框厚度 </td>
                <td>1.4.0</td>
            </tr>
            
            <tr>
                <td><del>$bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>边框色 </del></td>
                <td>1.1.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>圆角半径长度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Length</td>
                <td>字号大小 </td>
                <td>1.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-btn">
            yo-btn
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造按钮的自定义使用方法，勿使用`input`标签，因为边框为`::after`实现
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/element/yo-btn.scss.html#43" target="_blank">./lib/element/yo-btn.scss:43</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/element/yo-btn.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$border-width</td>
                <td>Length</td>
                <td>边框厚度 </td>
                <td>1.4.0</td>
            </tr>
            
            <tr>
                <td><del>$bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>边框色 </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td><del>$active-bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>触点（鼠标，手指或其它）按下时边框色  </del></td>
                <td>1.3.1 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$active-border-color</td>
                <td>Color</td>
                <td>触点（鼠标，手指或其它）按下时边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$active-bgcolor</td>
                <td>Color</td>
                <td>触点（鼠标，手指或其它）按下时背景色 </td>
                <td>1.3.1</td>
            </tr>
            
            <tr>
                <td>$active-color</td>
                <td>Color</td>
                <td>触点（鼠标，手指或其它）按下时文本色 </td>
                <td>1.3.1</td>
            </tr>
            
            <tr>
                <td>$padding</td>
                <td>Length</td>
                <td>内补白 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>圆角半径长度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Length</td>
                <td>字号大小 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$width</td>
                <td>Length</td>
                <td>宽度 </td>
                <td>1.8.0</td>
            </tr>
            
            <tr>
                <td>$height</td>
                <td>Length</td>
                <td>高度 </td>
                <td>1.8.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-checked">
            yo-checked
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造单选多选的自定义使用方法，可同时作用于 checkbox 与 radio
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/element/yo-checked.scss.html#74" target="_blank">./lib/element/yo-checked.scss:74</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/element/yo-checked.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$content</td>
                <td>String</td>
                <td>标记（使用webfonts编码，可以是对勾，圆点或任意字符） </td>
                <td>1.4.0</td>
            </tr>
            
            <tr>
                <td>$size</td>
                <td>Length</td>
                <td>元件大小 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Length</td>
                <td>标记大小 </td>
                <td>1.4.0</td>
            </tr>
            
            <tr>
                <td>$border-width</td>
                <td>Length</td>
                <td>边框厚度 </td>
                <td>1.4.0</td>
            </tr>
            
            <tr>
                <td><del>$bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>边框色 </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>标记色 </td>
                <td>1.4.0</td>
            </tr>
            
            <tr>
                <td><del>$on-bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>选中时的边框色  </del></td>
                <td>1.3.1 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$on-border-color</td>
                <td>Color</td>
                <td>选中时的边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$on-bgcolor</td>
                <td>Color</td>
                <td>选中时的背景色 </td>
                <td>1.3.1</td>
            </tr>
            
            <tr>
                <td>$on-color</td>
                <td>Color</td>
                <td>选中时的标记色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>圆角半径长度 </td>
                <td>1.3.1</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-input">
            yo-input
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造输入框的自定义使用方法，可同时作用于 input 与 textarea
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/element/yo-input.scss.html#21" target="_blank">./lib/element/yo-input.scss:21</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/element/yo-input.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$width</td>
                <td>Length</td>
                <td>宽度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$height</td>
                <td>Length</td>
                <td>高度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$padding</td>
                <td>Length</td>
                <td>内补白 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>圆角半径长度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td><del>$bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>边框色  </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$placeholder-color</td>
                <td>Color</td>
                <td>placeholder文本色 </td>
                <td>1.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-loading">
            yo-loading
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造加载中的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/element/yo-loading.scss.html#36" target="_blank">./lib/element/yo-loading.scss:36</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/element/yo-loading.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$ico-size</td>
                <td>Length</td>
                <td>loading的尺寸 </td>
                <td>1.5.0</td>
            </tr>
            
            <tr>
                <td>$ico-color</td>
                <td>Color</td>
                <td>loading的颜色 </td>
                <td>1.5.0</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$mask-bgcolor</td>
                <td>Color</td>
                <td>遮罩背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Length</td>
                <td>文本字号 </td>
                <td>1.5.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>文本颜色 </td>
                <td>1.5.0</td>
            </tr>
            
            <tr>
                <td>$content</td>
                <td>String</td>
                <td>loading形态 </td>
                <td>1.5.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-loadtip">
            yo-loadtip
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造加载提示的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.1.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/element/yo-loadtip.scss.html#33" target="_blank">./lib/element/yo-loadtip.scss:33</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/element/yo-loadtip.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.1.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>文本色 </td>
                <td>1.1.0</td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Length</td>
                <td>字号大小 </td>
                <td>1.1.0</td>
            </tr>
            
            <tr>
                <td>$ico-color</td>
                <td>Color</td>
                <td>ico颜色 </td>
                <td>1.1.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-range">
            yo-range
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造区间选择的自定义使用方法（安卓4.3及以下有点问题）
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/element/yo-range.scss.html#48" target="_blank">./lib/element/yo-range.scss:48</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/element/yo-range.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$inner-bgcolor</td>
                <td>Color</td>
                <td>已选择区域滑条色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$outer-bgcolor</td>
                <td>Color</td>
                <td>未选择区域滑条色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$ball-color</td>
                <td>Color</td>
                <td>滑块色 </td>
                <td>1.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-score">
            yo-score
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造评分展示的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.3.1
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/element/yo-score.scss.html#22" target="_blank">./lib/element/yo-score.scss:22</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/element/yo-score.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.3.1</td>
            </tr>
            
            <tr>
                <td>$item-width</td>
                <td>Length</td>
                <td>单项宽度（指定尺寸时，宽高的比例需要和图片原始比例保持一致） </td>
                <td>1.3.1</td>
            </tr>
            
            <tr>
                <td>$item-height</td>
                <td>Length</td>
                <td>单项高度（指定尺寸时，宽高的比例需要和图片原始比例保持一致） </td>
                <td>1.3.1</td>
            </tr>
            
            <tr>
                <td>$url</td>
                <td>String</td>
                <td>背景图片url </td>
                <td>1.3.1</td>
            </tr>
            
        </table>
    </div>
    
    
    
    
    <h1 id="fragment" class="page-header">fragment</h1>
    
    <blockquote class="api">
        <h3 id="yo-actionsheet">
            yo-actionsheet
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造actionsheet的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        2.1.1
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/fragment/yo-actionsheet.scss.html#47" target="_blank">./lib/fragment/yo-actionsheet.scss:47</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/fragment/yo-actionsheet.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>2.1.1</td>
            </tr>
            
            <tr>
                <td>$margin</td>
                <td>Length</td>
                <td>外补白 </td>
                <td>2.1.1</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>圆角半径长度 </td>
                <td>2.1.1</td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边线色 </td>
                <td>2.1.1</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>子项背景色 </td>
                <td>2.1.1</td>
            </tr>
            
            <tr>
                <td>$active-bgcolor</td>
                <td>Color</td>
                <td>子项点击反馈背景色 </td>
                <td>2.1.1</td>
            </tr>
            
            <tr>
                <td>$item-height</td>
                <td>Length</td>
                <td>子项高度 </td>
                <td>2.1.1</td>
            </tr>
            
            <tr>
                <td>$item-font-size</td>
                <td>Length</td>
                <td>子项字号 </td>
                <td>2.1.1</td>
            </tr>
            
            <tr>
                <td>$item-color</td>
                <td>Color</td>
                <td>子项文本色 </td>
                <td>2.1.1</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-breadcrumb">
            yo-breadcrumb
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造面包屑的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        2.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/fragment/yo-breadcrumb.scss.html#27" target="_blank">./lib/fragment/yo-breadcrumb.scss:27</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/fragment/yo-breadcrumb.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$height</td>
                <td>Length</td>
                <td>面包屑高度 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>面包屑背景色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>面包屑文本色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$arrow-color</td>
                <td>Color</td>
                <td>面包屑间隔色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$item-space</td>
                <td>Length</td>
                <td>面包屑子项间隙 </td>
                <td>2.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-card">
            yo-card
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造卡片的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        2.1.2
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/fragment/yo-card.scss.html#94" target="_blank">./lib/fragment/yo-card.scss:94</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/fragment/yo-card.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$margin</td>
                <td>Length</td>
                <td>外边距 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>圆角半径长度 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$border-width</td>
                <td>Length</td>
                <td>边框厚度 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框颜色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>背景色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>文本色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Length</td>
                <td>文本字号 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$hd-border-width</td>
                <td>Length</td>
                <td>头部边框厚度 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$hd-border-color</td>
                <td>Color</td>
                <td>头部边框色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$ft-border-width</td>
                <td>Length</td>
                <td>底部边框厚度 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$ft-border-color</td>
                <td>Color</td>
                <td>底部边框色 </td>
                <td>2.1.2</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-header">
            yo-header
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造头的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/fragment/yo-header.scss.html#49" target="_blank">./lib/fragment/yo-header.scss:49</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/fragment/yo-header.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$height</td>
                <td>Length</td>
                <td>高度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$item-width</td>
                <td>Length</td>
                <td>两侧子项操作区宽度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$item-space</td>
                <td>Length</td>
                <td>两侧子项离边界的间隙 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$border-width</td>
                <td>Length</td>
                <td>边框厚度 </td>
                <td>1.8.3</td>
            </tr>
            
            <tr>
                <td><del>$bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>边框色  </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Length</td>
                <td>字号大小 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$item-color</td>
                <td>Color</td>
                <td>两侧子项操作区文本色 </td>
                <td>1.2.0</td>
            </tr>
            
            <tr>
                <td>$item-ico-color</td>
                <td>Color</td>
                <td>两侧子项操作区ico色 </td>
                <td>1.8.0</td>
            </tr>
            
            <tr>
                <td>$item-font-size</td>
                <td>Length</td>
                <td>两侧子项操作区字号大小 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$item-ico-size</td>
                <td>Length</td>
                <td>两侧子项操作区ico大小 </td>
                <td>1.4.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-list">
            yo-list
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造列表的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/fragment/yo-list.scss.html#124" target="_blank">./lib/fragment/yo-list.scss:124</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/fragment/yo-list.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$margin</td>
                <td>Length</td>
                <td>外边距 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>圆角半径长度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$border-width</td>
                <td>Length</td>
                <td>外边框厚度 </td>
                <td>1.4.0</td>
            </tr>
            
            <tr>
                <td><del>$bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>边框色 </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$item-padding</td>
                <td>Length</td>
                <td>子项的内补白 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$label-padding</td>
                <td>Length</td>
                <td>列表组头内补白 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$label-bgcolor</td>
                <td>Color</td>
                <td>列表组头背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$active-bgcolor</td>
                <td>Color</td>
                <td>子项点击反馈背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$on-bgcolor</td>
                <td>Color</td>
                <td>子项选中背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$on-color</td>
                <td>Color</td>
                <td>子项选中文本色 </td>
                <td>1.4.0</td>
            </tr>
            
            <tr>
                <td><del>$has-last-border</del></td>
                <td><del>Boolean</del></td>
                <td><del>是否有最后一根底边线，改由`border-width`参数控制 </del></td>
                <td>2.1.0 <del>2.1.2</del></td>
            </tr>
            
            <tr>
                <td><del>$item-bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>子项边框色 </del></td>
                <td>1.2.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$item-border-color</td>
                <td>Color</td>
                <td>子项边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td><del>$label-bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>列表组头边框色 </del></td>
                <td>1.2.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$label-border-color</td>
                <td>Color</td>
                <td>列表组头边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$item-font-size</td>
                <td>Length</td>
                <td>子项字号 </td>
                <td>1.2.0</td>
            </tr>
            
            <tr>
                <td>$label-font-size</td>
                <td>Length</td>
                <td>列表组头字号 </td>
                <td>1.2.0</td>
            </tr>
            
            <tr>
                <td>$item-border-space</td>
                <td>Length</td>
                <td>子项边线左侧偏移量 </td>
                <td>1.8.0</td>
            </tr>
            
            <tr>
                <td>$more-font-size</td>
                <td>Length</td>
                <td>更多区域字号 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$more-color</td>
                <td>Color</td>
                <td>更多区域文本色 </td>
                <td>2.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-proportion">
            yo-proportion
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造比例条的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        2.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/fragment/yo-proportion.scss.html#28" target="_blank">./lib/fragment/yo-proportion.scss:28</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/fragment/yo-proportion.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$margin</td>
                <td>Length</td>
                <td>外边距 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>底色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$height</td>
                <td>Length</td>
                <td>高度 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$min-height</td>
                <td>Length</td>
                <td>最小高度 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>文本色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Color</td>
                <td>文本字号 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$inner-bgcolor</td>
                <td>Color</td>
                <td>当前状态色 </td>
                <td>2.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-search">
            yo-search
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造搜索框的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        2.1.2
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/fragment/yo-search.scss.html#59" target="_blank">./lib/fragment/yo-search.scss:59</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/fragment/yo-search.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$padding</td>
                <td>Length</td>
                <td>搜索框区域内边距 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>搜索框区域底色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>搜索框及搜索按钮圆角 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$input-height</td>
                <td>Length</td>
                <td>搜索框高度 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$input-border-color</td>
                <td>Color</td>
                <td>搜索框边框色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$input-bgcolor</td>
                <td>Color</td>
                <td>搜索框底色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$button-bgcolor</td>
                <td>Color</td>
                <td>搜索按钮底色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$button-color</td>
                <td>Color</td>
                <td>搜索按钮文本色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$cancel-color</td>
                <td>Color</td>
                <td>取消操作区文本色 </td>
                <td>2.1.2</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-table">
            yo-table
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造表格的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/fragment/yo-table.scss.html#52" target="_blank">./lib/fragment/yo-table.scss:52</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/fragment/yo-table.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$width</td>
                <td>String</td>
                <td>宽度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$has-vertical-border</td>
                <td>Boole</td>
                <td>是否需要纵向边框 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$thead-padding</td>
                <td>Length</td>
                <td>头部内补白 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$tbody-padding</td>
                <td>Length</td>
                <td>主体内补白 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td><del>$bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>边框色  </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$thead-bgcolor</td>
                <td>Color</td>
                <td>头部背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$odd-bgcolor</td>
                <td>Color</td>
                <td>主体奇数行背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$even-bgcolor</td>
                <td>Color</td>
                <td>主体偶数行背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$active-bgcolor</td>
                <td>Color</td>
                <td>主体激活背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$on-bgcolor</td>
                <td>Color</td>
                <td>主体选中背景色 </td>
                <td>1.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-toolbar">
            yo-toolbar
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造工具条的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        2.1.2
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/fragment/yo-toolbar.scss.html#42" target="_blank">./lib/fragment/yo-toolbar.scss:42</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/fragment/yo-toolbar.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$width</td>
                <td>Length</td>
                <td>工具条固定宽度 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$height</td>
                <td>Length</td>
                <td>工具条固定高度 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$border-width</td>
                <td>Length</td>
                <td>边框厚度 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框颜色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>背景色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>文本色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$on-bgcolor</td>
                <td>Color</td>
                <td>选中时背景色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$on-color</td>
                <td>Color</td>
                <td>选中时文本色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$item-padding</td>
                <td>Length</td>
                <td>子项内补白 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>圆角半径长度 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Length</td>
                <td>文本字号 </td>
                <td>2.1.2</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-vcode">
            yo-vcode
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造验证码/密码输入框的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        2.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/fragment/yo-vcode.scss.html#33" target="_blank">./lib/fragment/yo-vcode.scss:33</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/fragment/yo-vcode.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$height</td>
                <td>Length</td>
                <td>高度 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>背景色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>圆角半径长度 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Length</td>
                <td>字号大小 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$border-width</td>
                <td>Length</td>
                <td>边框厚度 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框色 </td>
                <td>2.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    
    <h1 id="layout" class="page-header">layout</h1>
    
    <blockquote class="api">
        <h3 id="yo-align">
            yo-align
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造弹性布局内容对齐使用方法，可以是横向和纵向
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.8.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/layout/yo-align.scss.html#8" target="_blank">./lib/layout/yo-align.scss:8</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/layout/yo-align.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.8.0</td>
            </tr>
            
            <tr>
                <td><del>$text-align</del></td>
                <td><del>String</del></td>
                <td><del>指定水平对齐方式 </del></td>
                <td>1.8.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$justify-content</td>
                <td>String</td>
                <td>指定主轴对齐方式 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td><del>$vertical-align</del></td>
                <td><del>String</del></td>
                <td><del>指定垂直对齐方式 </del></td>
                <td>1.8.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$align-items</td>
                <td>String</td>
                <td>指定侧轴对齐方式 </td>
                <td>2.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-flex">
            yo-flex
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造弹性布局使用方法，可以是横向和纵向
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.4.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/layout/yo-flex.scss.html#29" target="_blank">./lib/layout/yo-flex.scss:29</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/layout/yo-flex.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.4.0</td>
            </tr>
            
            <tr>
                <td><del>$box</del></td>
                <td><del>String</del></td>
                <td><del>指定块级或者行级弹性盒 </del></td>
                <td>1.4.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$direction</td>
                <td>String</td>
                <td>指定是水平或者垂直布局 </td>
                <td>1.4.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-stacked">
            yo-stacked
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造独立区块布局
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/layout/yo-stacked.scss.html#8" target="_blank">./lib/layout/yo-stacked.scss:8</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/layout/yo-stacked.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$margin</td>
                <td>Color</td>
                <td>外边距 </td>
                <td>1.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    
    <h1 id="widget" class="page-header">widget</h1>
    
    <blockquote class="api">
        <h3 id="yo-datepicker">
            yo-datepicker
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造yo-datepicker的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.8.1
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-datepicker.scss.html#138" target="_blank">./lib/widget/yo-datepicker.scss:138</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-datepicker.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$week-bar-height</td>
                <td>Length</td>
                <td>定义星期bar高度 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$week-bar-bgcolor</td>
                <td>Color</td>
                <td>定义星期bar背景色 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$week-bar-color</td>
                <td>Color</td>
                <td>定义星期bar文本色 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$week-bar-font-size</td>
                <td>Length</td>
                <td>定义星期bar字号 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$month-bar-height</td>
                <td>Length</td>
                <td>定义月份bar高度 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td><del>$month-bar-bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>定义月份bar边线色  </del></td>
                <td>1.8.1 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$month-bar-border-color</td>
                <td>Color</td>
                <td>定义月份bar边线色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$month-bar-bgcolor</td>
                <td>Color</td>
                <td>定义月份bar背景色 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$month-bar-color</td>
                <td>Color</td>
                <td>定义月份bar文本色 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$month-bar-font-size</td>
                <td>Length</td>
                <td>定义月份bar字号 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$week-height</td>
                <td>Length</td>
                <td>定义每行高度 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td><del>$week-bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>定义每行边线色  </del></td>
                <td>1.8.1 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$week-border-color</td>
                <td>Color</td>
                <td>定义每行边线色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$week-color</td>
                <td>Color</td>
                <td>定义每行文本色 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$day-height</td>
                <td>Length</td>
                <td>定义每日高度 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$day-margin</td>
                <td>Length</td>
                <td>定义每日间距 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$day-radius</td>
                <td>Length</td>
                <td>定义每日圆角 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$day-font-size</td>
                <td>Length</td>
                <td>定义每日字号 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$special-color</td>
                <td>Color</td>
                <td>定义特殊日文本色 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$weekend-color</td>
                <td>Color</td>
                <td>定义周末文本色 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$disabled-color</td>
                <td>Color</td>
                <td>定义禁用日子文本色 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$on-bgcolor</td>
                <td>Color</td>
                <td>定义选中日期背景色 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$on-color</td>
                <td>Color</td>
                <td>定义选中日期文本色 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$on-tip-color</td>
                <td>Color</td>
                <td>定义选中日期提示语文本色 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$on-tip-font-size</td>
                <td>Length</td>
                <td>定义选中日期提示语字号 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$start-content</td>
                <td>String</td>
                <td>定义开始日期提示语 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$end-content</td>
                <td>String</td>
                <td>定义结束日期提示语 </td>
                <td>1.8.1</td>
            </tr>
            
            <tr>
                <td>$range-bgcolor</td>
                <td>Color</td>
                <td>选中日期段背景 </td>
                <td>2.1.1</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-dialog">
            yo-dialog
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造yo-dialog的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-dialog.scss.html#75" target="_blank">./lib/widget/yo-dialog.scss:75</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-dialog.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$width</td>
                <td>Length</td>
                <td>宽度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$height</td>
                <td>Length</td>
                <td>高度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>圆角半径长度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td><del>$shadow-opacity</del></td>
                <td><del>Number</del></td>
                <td><del>阴影透明度 </del></td>
                <td>1.0.0 <del>2.1.2</del></td>
            </tr>
            
            <tr>
                <td><del>$bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>边框色  </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td><del>$hd-height</del></td>
                <td><del>Length</del></td>
                <td><del>头部高度 </del></td>
                <td>1.0.0 <del>2.1.2</del></td>
            </tr>
            
            <tr>
                <td><del>$hd-bgcolor</del></td>
                <td><del>Color</del></td>
                <td><del>头部背景色 </del></td>
                <td>1.0.0 <del>2.1.2</del></td>
            </tr>
            
            <tr>
                <td>$title-color</td>
                <td>Color</td>
                <td>标题文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$title-font-size</td>
                <td>Length</td>
                <td>标题字号 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$bd-padding</td>
                <td>Length</td>
                <td>主体内补白 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$bd-font-size</td>
                <td>Length</td>
                <td>主体字号 </td>
                <td>1.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-doublelist">
            yo-doublelist
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造yo-doublelist的自定义使用方法（原yo-dblist）
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.8.6
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-doublelist.scss.html#21" target="_blank">./lib/widget/yo-doublelist.scss:21</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-doublelist.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.3.1</td>
            </tr>
            
            <tr>
                <td>$aside-width</td>
                <td>Length</td>
                <td>侧边栏宽度 </td>
                <td>1.3.1</td>
            </tr>
            
            <tr>
                <td>$aside-order</td>
                <td>Length</td>
                <td>侧边栏顺序 </td>
                <td>1.3.1</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-group">
            yo-group
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造yo-group自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-group.scss.html#29" target="_blank">./lib/widget/yo-group.scss:29</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-group.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$top</td>
                <td>Length</td>
                <td>顶部偏移值 </td>
                <td>1.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-index">
            yo-index
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造yo-index的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-index.scss.html#18" target="_blank">./lib/widget/yo-index.scss:18</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-index.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$width</td>
                <td>Length</td>
                <td>宽度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Length</td>
                <td>文本字号 </td>
                <td>1.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-mask">
            yo-mask
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造yo-mask的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-mask.scss.html#13" target="_blank">./lib/widget/yo-mask.scss:13</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-mask.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>背景色 </td>
                <td>1.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-number">
            yo-number
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造列表的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-number.scss.html#54" target="_blank">./lib/widget/yo-number.scss:54</a>
    </p>
    
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$width</td>
                <td>Length</td>
                <td>宽度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$height</td>
                <td>Length</td>
                <td>高度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$outer-radius</td>
                <td>Length</td>
                <td>外边框圆角半径 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$outer-border-width</td>
                <td>Length</td>
                <td>外边框厚度 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$inner-radius</td>
                <td>Length</td>
                <td>内边框圆角半径 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$inner-border-width</td>
                <td>Length</td>
                <td>内边框厚度 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td><del>$bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>外边框色  </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>外边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>输入框文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$sign-bgcolor</td>
                <td>Color</td>
                <td>加减号背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$sign-color</td>
                <td>Color</td>
                <td>加减号文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td><del>$disabled-sign-color</del></td>
                <td><del>Color</del></td>
                <td><del>加减号禁用文本色  </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Length</td>
                <td>输入框字号 </td>
                <td>2.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-panel">
            yo-panel
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造yo-panel的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.6.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-panel.scss.html#29" target="_blank">./lib/widget/yo-panel.scss:29</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-panel.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.6.0</td>
            </tr>
            
            <tr>
                <td>$top</td>
                <td>Length</td>
                <td>顶部偏移值 </td>
                <td>1.6.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-rating">
            yo-rating
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造yo-rating的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.2.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-rating.scss.html#71" target="_blank">./lib/widget/yo-rating.scss:71</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-rating.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.2.0</td>
            </tr>
            
            <tr>
                <td>$item-width</td>
                <td>Length</td>
                <td>单项宽度 </td>
                <td>1.2.0</td>
            </tr>
            
            <tr>
                <td>$item-height</td>
                <td>Length</td>
                <td>单项高度 </td>
                <td>1.2.0</td>
            </tr>
            
            <tr>
                <td>$url</td>
                <td>Color</td>
                <td>星星图片url </td>
                <td>1.3.1</td>
            </tr>
            
        </table>
    </div>
    
    
    <p>
        <small class="text-muted">示例:</small>
    </p>
    <p class="code">
        <code>假设你需要只读状态，可以这样：
&lt;div class="yo-rating yo-rating-readonly"&gt;...&lt;/div&gt;</code>
    </p>
    
    
    <blockquote class="api">
        <h3 id="yo-select">
            yo-select
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造yo-select的自定义使用方法（2.1.2版本优化了内部实现，精简了代码层级，匹配的kami版本为：）
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-select.scss.html#67" target="_blank">./lib/widget/yo-select.scss:67</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-select.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$item</td>
                <td>Length</td>
                <td>显示的子项个数 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$item-height</td>
                <td>Length</td>
                <td>子项高度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td><del>$bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>边框色 </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框色 </td>
                <td>2.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-slidermenu">
            yo-slidermenu
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造yo-slidermenu的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.4.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-slidermenu.scss.html#36" target="_blank">./lib/widget/yo-slidermenu.scss:36</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-slidermenu.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.4.0</td>
            </tr>
            
            <tr>
                <td>$action-width</td>
                <td>Length</td>
                <td>action宽度 </td>
                <td>1.4.0</td>
            </tr>
            
            <tr>
                <td>$action-bgcolor</td>
                <td>Color</td>
                <td>action背景色 </td>
                <td>1.4.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-suggest">
            yo-suggest
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造yo-suggest的自定义使用方法（原yo-search）
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.6.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-suggest.scss.html#123" target="_blank">./lib/widget/yo-suggest.scss:123</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-suggest.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$height</td>
                <td>Length</td>
                <td>高度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Length</td>
                <td>字号大小 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$op-padding</td>
                <td>Length</td>
                <td>搜索区内补白 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>搜索框圆角半径长度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td><del>$bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>边框色  </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td><del>$on-bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>激活边框色  </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$on-border-color</td>
                <td>Color</td>
                <td>激活边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$on-bgcolor</td>
                <td>Color</td>
                <td>激活背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$placeholder-color</td>
                <td>Color</td>
                <td>占位符背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$ico-color</td>
                <td>Color</td>
                <td>操作区ico颜色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$cancel-color</td>
                <td>Color</td>
                <td>取消按钮颜色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$op-bgcolor</td>
                <td>Color</td>
                <td>搜索区域背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$mask-bgcolor</td>
                <td>Color</td>
                <td>遮罩背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$cancel-width</td>
                <td>Length</td>
                <td>取消按钮区域宽度 </td>
                <td>1.4.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-switch">
            yo-switch
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造yo-switch的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-switch.scss.html#54" target="_blank">./lib/widget/yo-switch.scss:54</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-switch.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td><del>$checked-bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>定义switch激活边框色 </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td><del>$checked-border-color</del></td>
                <td><del>Color</del></td>
                <td><del>定义switch激活边框色 </del></td>
                <td>2.0.0 <del>2.1.2</del></td>
            </tr>
            
            <tr>
                <td>$checked-bgcolor</td>
                <td>Color</td>
                <td>定义switch激活背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td><del>$bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>定义switch边框色 </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td><del>$border-color</del></td>
                <td><del>Color</del></td>
                <td><del>定义switch边框色 </del></td>
                <td>2.0.0 <del>2.1.2</del></td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>定义switch背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$follow-bgcolor</td>
                <td>Color</td>
                <td>定义switch跟随背景色 </td>
                <td>2.1.2</td>
            </tr>
            
            <tr>
                <td>$ball-color</td>
                <td>Color</td>
                <td>定义switch滑块色 </td>
                <td>1.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-switchable">
            yo-switchable
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造yo-switchable的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-switchable.scss.html#64" target="_blank">./lib/widget/yo-switchable.scss:64</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-switchable.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$has-btn</td>
                <td>Boolen</td>
                <td>是否有按钮 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$btn-size</td>
                <td>Length</td>
                <td>按钮大小 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$btn-bgcolor</td>
                <td>Length</td>
                <td>按钮背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$btn-color</td>
                <td>Length</td>
                <td>按钮文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$btn-active-bgcolor</td>
                <td>Color</td>
                <td>按钮按下背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$btn-active-color</td>
                <td>Length</td>
                <td>按钮按下文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$index-size</td>
                <td>Length</td>
                <td>索引大小 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$index-bgcolor</td>
                <td>Color</td>
                <td>索引背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$index-on-bgcolor</td>
                <td>Length</td>
                <td>索引当前项背景色 </td>
                <td>1.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-tab">
            yo-tab
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造列表的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-tab.scss.html#79" target="_blank">./lib/widget/yo-tab.scss:79</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-tab.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$width</td>
                <td>Length</td>
                <td>宽度 <1.8.3}</td>
                <td></td>
            </tr>
            
            <tr>
                <td>$height</td>
                <td>Length</td>
                <td>高度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>圆角半径长度 <1.3.1}</td>
                <td></td>
            </tr>
            
            <tr>
                <td>$border-width</td>
                <td>Length</td>
                <td>边框厚度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td><del>$bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>边框色 </del></td>
                <td>1.0.0 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$border-color</td>
                <td>Color</td>
                <td>边框色 </td>
                <td>2.0.0</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$on-bgcolor</td>
                <td>Color</td>
                <td>激活时背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$on-color</td>
                <td>Color</td>
                <td>激活时文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$font-size</td>
                <td>Color</td>
                <td>文本字号 </td>
                <td>1.2.0</td>
            </tr>
            
            <tr>
                <td>$x-ico-size</td>
                <td>Color</td>
                <td>子项内容为水平ico时，ico的大小 </td>
                <td>1.2.0</td>
            </tr>
            
            <tr>
                <td>$y-ico-size</td>
                <td>Color</td>
                <td>子项内容为垂直ico时，ico的大小 </td>
                <td>1.2.0</td>
            </tr>
            
            <tr>
                <td>$only-ico-size</td>
                <td>Color</td>
                <td>子项内容仅有ico时，ico的大小 </td>
                <td>1.2.0</td>
            </tr>
            
            <tr>
                <td>$item-border-height</td>
                <td>Length</td>
                <td>子项的间隔线高度 <1.3.1}</td>
                <td></td>
            </tr>
            
            <tr>
                <td><del>$item-bordercolor</del></td>
                <td><del>Color</del></td>
                <td><del>子项的间隔线颜色  </del></td>
                <td>1.3.1 <del>2.0.0</del></td>
            </tr>
            
            <tr>
                <td>$item-border-color</td>
                <td>Color</td>
                <td>子项的间隔线颜色 </td>
                <td>2.0.0</td>
            </tr>
            
        </table>
    </div>
    
    
    
    <blockquote class="api">
        <h3 id="yo-tip">
            yo-tip
        </h3>
    </blockquote>
    <p>
        <small class="text-muted">描述:</small>
        构造列表的自定义使用方法
    </p>
    
    <p>
        <small class="text-muted">版本:</small>
        1.0.0
    </p>
    
    
    <p>
        <small class="text-muted">源码位置:</small>
        <a href="./static/lib/widget/yo-tip.scss.html#38" target="_blank">./lib/widget/yo-tip.scss:38</a>
    </p>
    
    
    <p>
        <small class="text-muted">Demo地址:</small>
        <a href="http://doyoe.github.io/Yo/demo/widget/yo-tip.html" target="_blank">点击访问</a>
    </p>
    
    
     <div class="docs-table">
        <table class="yo-table yo-table-border">
            <colgroup>
                <col class="c1">
                <col class="c2">
                <col class="c3">
                <col class="c4">
            </colgroup>
            <thead>
                <tr class="active">
                    <th>参数名</th>
                    <th>类型</th>
                    <th>描述</th>
                    <th>支持版本</th>
                </tr>
            </thead>
            
            <tr>
                <td>$name</td>
                <td>String</td>
                <td>定义扩展名称 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$padding</td>
                <td>Length</td>
                <td>内补白 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$radius</td>
                <td>Length</td>
                <td>圆角半径长度 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$bgcolor</td>
                <td>Color</td>
                <td>背景色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$color</td>
                <td>Color</td>
                <td>文本色 </td>
                <td>1.0.0</td>
            </tr>
            
            <tr>
                <td>$arrow-size</td>
                <td>Length</td>
                <td>箭头大小 </td>
                <td>2.1.1</td>
            </tr>
            
        </table>
    </div>
    
    
    
    
</div>

        </div>
        <div class="col-md-3" role="complementary">
            <nav class="docs-sidebar hidden-print hidden-xs hidden-sm" style="overflow:scroll">
                <ul class="nav docs-sidenav">
                    
                    
                    <li>
                        <a href="element" >element</a>
                    </li>
                    
                    
                    
                    
                    <ul class="nav" style="display:block">
                    
                        <li>
                            <a href="#yo-badge">yo-badge</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-btn">yo-btn</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-checked">yo-checked</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-input">yo-input</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-loading">yo-loading</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-loadtip">yo-loadtip</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-range">yo-range</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-score">yo-score</a>
                        </li>
                    
                    </ul>
                    
                    
                    
                    
                    <li>
                        <a href="fragment" >fragment</a>
                    </li>
                    
                    
                    
                    
                    <ul class="nav" style="display:block">
                    
                        <li>
                            <a href="#yo-actionsheet">yo-actionsheet</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-breadcrumb">yo-breadcrumb</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-card">yo-card</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-header">yo-header</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-list">yo-list</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-proportion">yo-proportion</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-search">yo-search</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-table">yo-table</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-toolbar">yo-toolbar</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-vcode">yo-vcode</a>
                        </li>
                    
                    </ul>
                    
                    
                    
                    
                    <li>
                        <a href="layout" >layout</a>
                    </li>
                    
                    
                    
                    
                    <ul class="nav" style="display:block">
                    
                        <li>
                            <a href="#yo-align">yo-align</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-flex">yo-flex</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-stacked">yo-stacked</a>
                        </li>
                    
                    </ul>
                    
                    
                    
                    
                    <li>
                        <a href="widget" >widget</a>
                    </li>
                    
                    
                    
                    
                    <ul class="nav" style="display:block">
                    
                        <li>
                            <a href="#yo-datepicker">yo-datepicker</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-dialog">yo-dialog</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-doublelist">yo-doublelist</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-group">yo-group</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-index">yo-index</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-mask">yo-mask</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-number">yo-number</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-panel">yo-panel</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-rating">yo-rating</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-select">yo-select</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-slidermenu">yo-slidermenu</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-suggest">yo-suggest</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-switch">yo-switch</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-switchable">yo-switchable</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-tab">yo-tab</a>
                        </li>
                    
                    
                    
                    
                    
                        <li>
                            <a href="#yo-tip">yo-tip</a>
                        </li>
                    
                    
                    
                </ul>
            </nav>
        </div>
    </div>
    
    
</div>

<!-- Footer
================================================== -->
<footer class="docs-footer" role="contentinfo">
    <div class="container">
        <p>Made By Doyoe.com © 2014 - 2016</p>
    </div>
</footer>

<script src="source/jquery.min.js"></script>
<script src="source/bootstrap.min.js"></script>
<script src="source/docs.min.js"></script>
<script src="source/highlight.min.js"></script>
<script>
    $(document).ready(function() {
        $('code').each(function(i, block) {
            if (block.innerHTML.indexOf('\n') != -1) {
                var pn = block.parentNode;
                if (pn.tagName.toUpperCase() == 'PRE') {
                    try {
                        hljs.highlightBlock(block);
                    } catch(e) {}
                } else {
                    pn.innerHTML = '<pre><code>' + block.innerHTML + '</code></pre>';
                    try {
                        hljs.highlightBlock(pn.childNodes[0].childNodes[0]);
                    } catch(e) {}
                }
            }
        });

        var winHeight = $(window).height() - 40;

        $('.docs-sidebar').height(winHeight);

        var activeMenu,
            sidebar = $('.docs-sidebar'),
            barScroll = false;

        sidebar.on('mouseover', function() {
            barScroll = true;
        });

        sidebar.on('mouseout', function() {
            barScroll = false;
        });

        $(window).on('scroll', function(e) {
            if (!barScroll) {
                var activeItem = $('.docs-sidebar li.active a');
                if (activeItem.length) {
                    if (!activeMenu || (activeMenu.attr('href') != activeItem.attr('href'))) {
                        activeMenu = activeItem;
                        var top = activeMenu.offset().top - sidebar.offset().top;
                        if (top < 0) {
                            sidebar.scrollTop(sidebar.scrollTop() + top);
                        } else if (top > winHeight - 30) {
                            sidebar.scrollTop(sidebar.scrollTop() + top - winHeight + 30);
                        }
                    }
                }
            }
        });
    });
</script>
</body>
</html>
